import React from 'react';
import {
    Col, Row,Timeline,Collapse
} from 'antd';
const Panel = Collapse.Panel;
// 更新日志目前为静态渲染数据
export default class OrderInfo extends React.Component {
    render() {
        return (
            <div style={{marginTop:20}}>
                <Timeline>
                  <Timeline.Item>
                    <Row gutter={16}>
                        <Col span={8}>
                          <Collapse style={{marginTop:-10}}>
                            <Panel header="2017-12-19  后台系统更新" key="1">
                              <p>1、添加更新日志组件。 --陈强</p>
                              <p>2、车站开通情况支持输入查询。 --陈强</p>
                              <p>3、客服退款添加快捷选择退款原因。 --陈强</p>
                              <p>4、订单页车票打印时间显示优化。 --陈强</p>
                              <p>5、新增车站自助机售票情况查询。 --陈强</p>
                              <p>6、新增车站联系人页面。 --陈强</p>
                            </Panel>
                          </Collapse>
                        </Col>
                    </Row>
                  </Timeline.Item>
                  <Timeline.Item>
                    <Row gutter={16}>
                        <Col span={8}>
                          <Collapse style={{marginTop:-10}}>
                              <Panel header="2017-12-21  后台系统更新" key="2">
                                <p>1、添加车站线路二维码下载功能（汽车站功能-汽车票-线路二维码）--秦西硕</p>
                                <p>2、财务新增账单下载。 --陈强</p>
                                <p>3、页面优化。 --范莹莹</p>
                              </Panel>
                            </Collapse>
                        </Col>
                    </Row>
                  </Timeline.Item>
                  <Timeline.Item>
                    <Row gutter={16}>
                        <Col span={8}>
                          <Collapse style={{marginTop:-10}}>
                              <Panel header="2017-1-26  后台系统更新" key="2">
                                <p>1、添加《客户服务》模块中添加"短信提醒"功能。 --陈强</p>
                                <p>2、订单查询查询单条订单时，展示详细说明：车站联系方式、该订单退款状态等。 --陈强</p>
                                <p>3、订单退款页默认信息优化，减少退款操作的所填选项。 --陈强</p>
                              </Panel>
                            </Collapse>
                        </Col>
                    </Row>
                  </Timeline.Item>
                </Timeline>
            </div>
        )
    }
}
